<style scoped lang="scss" type="text/scss">
  @import '~variables';
</style>

<template>
  <div>
    <div class="padding-bottom-xl border-top margin-top-xl padding-top-xl align-center bg-gray-1">
      <div style="padding: 0 20%;">
        <Button v-for="item in bottomBtnList" :key="item.name" type="text" size="small">{{ item.name }}</Button>
        <div class="copyright margin-top">吉书阅读版权所有@2018</div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'v-footer',
    data () {
      return {
        bottomBtnList: [
          {
            name: '首页'
          },
          {
            name: '客服电话'
          },
          {
            name: '帮助中心'
          },
          {
            name: '公司简介'
          },
          {
            name: '作者中心'
          }
        ]
      }
    }
  }
</script>
